<template>
  <div>
    <el-card v-show='visible3' style="box-shadow:0 2px 12px 0 rgba(0，0，0，0.1);width:20%;height:20%;position:absolute;
    z-index:3001;" :style="{top:top1+'px',left:left+'px'}">
      <p style="margin:0;font-weight:bold;font-size:20px;padding-bottom:15px">{{xfmsg.userName}}<span style="font-size:10px;padding:10px">{{xfmsg.sex}}</span></p>
      
      <p style="margin:0;font-size:10px">签名：{{xfmsg.signature}}</p>
    </el-card>
  </div>
</template>

<script>
export default {
  name:'message',
  props:{
    visible3:Boolean,
    top1:[String,Number],
    xfmsg:[Object,Array],
    left:[String,Number],
  },
  data () {
    return {
      msg: '',
      top:'',
    }
  },
  methods: {

  }
}
</script>

<style scoped>

</style>
